<template>
	<view class="content">
		<view class="bottom-view">
			<u-cell-group class="bottom-view2" :border="false">
				<u-cell-item icon="lock" :title-style="itemTitleStyle" @click="startChangePwd" :border-bottom="false"
					title="修改登录密码">
				</u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itemTitleStyle: {
					'font-size': '14px',
					'line-height': '75rpx'
				}
			}
		},
		methods: {
			startChangePwd() {
				uni.navigateTo({
					url: "../findpwd/findpwd"
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: $uni-bg-color-grey;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.bottom-view {
		width: 90%;
		margin-top: 35rpx;
		z-index: 100;
		margin-bottom: 25rpx;
		border-radius: 10rpx;
		background-color: $uni-bg-color;

		.bottom-view2 {
			width: 100%;
			padding: 0rpx 8rpx 0rpx 8rpx;
		}
	}
</style>
